import React, { useState } from 'react'
import { ActionSheet, Cell } from 'react-vant'

export default () => {
  const [visible, setVisible] = useState(false)
  const onCancel = () => setVisible(false)
  return (
    <>
      <Cell title='使用规则' onClick={() => setVisible(true)} style={{ color: "gray" }} />
      <ActionSheet visible={visible} onCancel={onCancel}>
        <div style={{ padding: '16px 16px 10px', color: "gray" }}>
          <div style={{ textAlign: "center" }}>
            <img src='/img/yudian/shop.jpg' alt='' style={{ width: 150, height: 150 }} />
          </div>
          <p>鱼酷店内食用整份鱼品且满100元时可用</p>
          <p>优惠券领取后次日生效，有效期为生效后61天</p>
          <p>优惠券抵扣金额不找零不折现</p>
          <p>不与其他优惠活动同享</p>
          <p>适用门店: 全国门店通用 (除上海Pro店、Lab店，上海塘桥店、上海静安大融城店)</p>
          <p>鱼酷店内食用整份鱼品且满100元时可用</p>
          <p>优惠券领取后次日生效，有效期为生效后61天</p>
          <p>优惠券抵扣金额不找零不折现</p>
          <p>不与其他优惠活动同享</p>
          <p>适用门店: 全国门店通用 (除上海Pro店、Lab店，上海塘桥店、上海静安大融城店)</p>
        </div>
      </ActionSheet>
    </>
  )
}
